@charset "utf-8";
.txp_tipbar {
    display: none !important;
}
.vdobx{
    margin-left: 20px;
    width: 175px;
}
.vdobx:nth-child(2){
    margin-left: 40px;
    width: 175px;
}

.vdobg{
    width: 635px;
}
.play{
    top:0;
    width: 190px;
    height: 144px;
}
.play i{
    margin-top: 45px;
}
.top{
    padding:1.25rem 0;
}
.scw{
    width: 180px;
    border-radius: 40px;
    padding:2px 15px;
    background: url(../images/bg2.png) center center repeat;
    border: none;
    color:#767676;
    margin-right: 10px;
}
.scb{
    width: 63px;
    border-radius: 40px;
    padding:2px 0;
    background: url(../images/bg.png) center center repeat;
    border: none;
}
.navmob{
    line-height: 3rem;
}
.navpc{
    line-height: 22px;
    padding:14px 0;
    background: linear-gradient(#f2f2f2 0,#f2f2f2 50%,#e8e8e8 50%,#e8e8e8 100%);
}
.navpc a{
    display:inline-block;
    width: 12%;
    border-left: 1px solid #ccc;
    transition: 0.3s ease-in-out;
}
.navpc a:first-child{
    border-left: none;
}
.navpc a:hover,.navpc .navpcon{
    color:#8cbd23;
    /* font-weight: 700; */
}
.banner .layui-carousel{
    height: 24vw !important;
}
.protitle{
    padding:1.25rem 0;
}
.protext h3 a{
    line-height: 1.875rem;
    color:#abbec5;
}
.vdopy{
    top:0;
    justify-content: center;
}
.more{
    padding:0 1rem;
    border-radius: 1rem;
}
.abouttxt{
    line-height: 1.8rem;
}
.fonav{
    padding:1.5rem 0;
}
.fonav a{
    padding:0 1rem;
    display:inline-block;
}
.fonav a:first-child{
    border-left:none; 
}

/* inner */
.inleft {
    width: 240px;
    margin-right: 45px;
}
.inleftnav p a{
    color:#fff;
}
.inleftnav h3:hover,
.inleftnav .inleftnavon {
    background: #aaaaaa;
}

.inleftnav h3:hover a,
.inleftnav .inleftnavon a {
    color: #fff;
    border-bottom: 1px solid #aaaaaa;
}

.inleftnav a {
    display: block;
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #aaaaaa;
    width: 216px;
    margin: 0 auto;
}

.inleftcont {
    padding-left: 15px;
    line-height: 24px;
}

.inlefttel {
    height: 78px;
    background: url(../images/cont.jpg) no-repeat;
    padding: 112px 0 0 33px;
}
.inprobox {
    border: 1px solid #d6d7d8;
    padding: 1rem;
    align-items: flex-start;
}
.inprobox:hover {
    border: 1px solid #198ede;
}
.inproboxpic{
    margin-right:1rem;
}
.inproboxtxt{
    word-break:break-all;
}
/* .inprobox img {
    margin-top: 1rem;
    max-width: 100%;
} */

/* .inprobox p {
    height: 2.5rem;
    line-height: 2.5rem;
} */
.indes,
.indes p {
    color: #4f4f4f;
    line-height: 1.625rem;
}

.indes img {
    max-width: 90%;
}
.proinf {
    background: #f4f4f4;
    height: 34px;
    line-height: 34px;
    color: #858585;
}
.newsline{
    height:1px;
    background: url(../images/newsline.png) left center no-repeat;
}
.pathline{
    height:10px;
    background: url(../images/lbline.png) left top no-repeat;
}
.path a{
    color: #767676;
}
.espcms_form_group{width:100%;overflow: hidden;padding-bottom:15px;}
.control_label{float: left;width:15%;text-align: right;padding-right:10px;vertical-align:middle;font-size:14px;min-height: 1px;color:#818181}
.control_label16{float: left;width:20%;text-align: right;padding-right:10px;vertical-align:middle;font-size:14px;min-height: 1px;color:#818181}
.control_label20{float: left;width:25%;text-align: right;padding-right:10px;vertical-align:middle;font-size:14px;min-height: 1px;color:#818181}
.control_required20{float: left;width:72%;}
.control_required{float: left;width:82%;overflow: hidden;}
.control_required .form_message,.control_required20 .form_message{font-size:12px;color: #BABABA;height:30px;line-height:30px;padding-left:28px;background: url('../images/faq.png') no-repeat 9px 0px;}
.control_required .form_message2,.control_required20 .form_message2{font-size:12px;color: #CE5C36;height:30px;line-height:30px;padding-left:0px;}
.control_required textarea{height: 94px;}

.infoInput,.blue2{padding:5px;margin: 0px;border:1px solid #d5d5d5;width:348px;}
.blue2{width:358px;}
.infoInput:hover{padding:5px;margin: 0px;border:1px solid #bfbfbf;}
.form0{
    width: 505px;
    margin: 0 auto;
}
.txp_tipbar {
    display: none !important;
}

@media screen and (min-width:1200px){
    .navmob{
        display:none;
    }
    .abouttxt{
        padding:0 0 0 1.5rem;
    }
    .fonav a{
        border-left:1px solid #fff;
    }
    .protitle p{
        margin-top: 20px;
    }
    .inleft{
        display: block;
    }
    .pro .more{
        margin: 188px 0 0 50px;
    }
}
@media screen and (min-width:992px) and (max-width:1200px){
    .navmob{
        display:none;
    }
    .espcms_page{
        width:900px !important;
    }
    .pro .more{
        margin: 188px 0 0 5px;
    }
}
@media screen and (min-width:768px) and (max-width:992px){
    .sc{
        display:none;
    }
    .navpc{
        display:none;
    }
    .pro{
        background: url(../images/vdobg.jpg) center center repeat;
    }
    .top{
        height:3rem; 
        padding: 0.5rem 0;
    }
    .logo{
        height:3rem; 

    }
    .top img{
        width:auto; 
        height: auto;
        max-height: 100%;
    }
    .espcms_page{
        width:auto !important;
    }
}

@media screen and (max-width:768px){
    .sc,.navpc{
        display:none;
    }
    .pro{
        background: url(../images/vdobg.jpg) center center repeat;
    }
    .top{
        height:3rem; 
        padding: 0.5rem 0;
    }
    .logo{
        height:3rem; 

    }
    .top img{
        width:auto; 
        height: auto;
        max-height: 100%;
    }
    .banner .layui-carousel {
        height: 35vw !important;
    }

    .infoInput,.blue2{padding:5px;margin: 0px;border:1px solid #d5d5d5;width:200px;}
    .blue2{width:210px;}
    .form0{
        width: 220px;
        margin: 0 auto;
    }
    .control_label {
        width: 50%;
       text-align: left;
    }
    .control_required {
         width: 100%;
    }
    .form{
        padding-left:4rem;
    }
    .form .control_required textarea{
        height: 3rem;
    }
    .inprobox {
        align-content: flex-start;
    }
    .inproboxpic img{
        width: 95px;
        height: 92px;
    }
    .espcms_page{
        width:auto !important;
    }
}

.layui-laypage .current{
    position: relative;
    display: inline-block;
    vertical-align: middle;
    padding: 0 15px;
    height: 28px;
    line-height: 28px;
    margin: 0 -1px 5px 0;
    background-color: #009688;
    color: #fff;
    font-size: 12px;
}